// 对话框
<template>
  <div class="modal" @click.self="$emit('hidden')">
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: 'Modal'
}
</script>
<style lang="scss" scoped>
.modal{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  // opacity: .5;
  background: rgba($color: #000000, $alpha: 0.7);
}
</style>
